form { 
 width: 400px; 
 margin: 0 auto; /* 水平居中 */ 
 border: 1px solid #ccc; /* 灰色边框 */ 
 padding: 20px; /* 内边距，避免内容贴边 */ 
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 浅阴影，增强立体感 */ 
} 


.comment{
    margin-top: 10px;
    display: flex;
    align-items:center ;
}

label {
    display: inline-block; /*行内块级，允许我在行内元素设置一些块级属性 */
    text-align: right; 
    /* margin-right: 3px;  */
    font-weight: bold; 
    width: 80px;
}
select{
    width: 85px;
    height: 21.33px;
}
#verifyCode{
    display: inline-block;
    color: darkslateblue;
    background-color: rgb(172, 96, 244);
    margin-left: 5px;
    margin-right: 5px;
    width: 40px;
}
#refreshBtn{
    height: 21px;
}
#sex-woman{
    margin-left: 20px;
}
#qualification{
    width: 170px;
    height: 21.33px;
}

 #preview{
    width: 60px;
    height: auto;
} 
 /* 自定义轨道样式 */
 input[type="range"] {
    -webkit-appearance: none; /* 清除默认样式 */
    width: 100px; /* 轨道宽度，可按需调整 */
    height: 6px; /* 轨道高度，可按需调整 */
    background: #e0e0e0; /* 轨道背景色 */
    outline: none; /* 清除聚焦外边框 */
  }

  /* 自定义滑块样式 */
  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; /* 清除默认滑块样式 */
    width: 8px; /* 滑块宽度 */
    height: 16px; /* 滑块高度 */
    background: #fff; /* 滑块背景色 */
    border: 1px solid #ccc; /* 滑块边框 */
    border-radius: 2px; /* 滑块圆角，可选 */
    cursor: pointer; /*  hover 时指针变化 */
  }
.btn{
    margin-left: 80px;
    padding-right: 20px;
}
.must{
    color: red;
    margin-left: 5px;
}
.btn-submit{
    margin-right: 20px;
}